﻿<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App16"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Interactivity="using:Microsoft.Xaml.Interactivity"
    x:Class="App16.MainPage"
    mc:Ignorable="d">

	<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
		<VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:Name="OrientationStateGroup">
				<VisualStateGroup.Transitions>
					<VisualTransition GeneratedDuration="0:0:0.3"/>
				</VisualStateGroup.Transitions>
				<VisualState x:Name="LandscapeState"/>
				<VisualState x:Name="PortraitState">
					<Storyboard>
						<DoubleAnimation Duration="0" To="-229.851" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="rectangle" d:IsOptimized="True"/>
						<DoubleAnimation Duration="0" To="188.06" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="rectangle" d:IsOptimized="True"/>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="NarrowState">
					<Storyboard>
						<DoubleAnimation Duration="0" To="-228.358" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="rectangle1" d:IsOptimized="True"/>
						<DoubleAnimation Duration="0" To="376.119" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="rectangle1" d:IsOptimized="True"/>
						<DoubleAnimation Duration="0" To="-459.701" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="rectangle" d:IsOptimized="True"/>
						<DoubleAnimation Duration="0" To="556.716" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="rectangle" d:IsOptimized="True"/>
					</Storyboard>
				</VisualState>
			</VisualStateGroup>
		</VisualStateManager.VisualStateGroups>
		<Interactivity:Interaction.Behaviors>
			<local:OrientationBehavior LandscapeStateName="LandscapeState" NarrowStateName="NarrowState" NarrowWidth="500" PortraitStateName="PortraitState"/>
		</Interactivity:Interaction.Behaviors>
		<Rectangle Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="167" Margin="22,24,0,0" Stroke="Black" VerticalAlignment="Top" Width="205"/>
		<Rectangle x:Name="rectangle1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="167" Margin="252,24,0,0" Stroke="Black" VerticalAlignment="Top" Width="205" RenderTransformOrigin="0.5,0.5">
			<Rectangle.RenderTransform>
				<CompositeTransform/>
			</Rectangle.RenderTransform>
		</Rectangle>
		<Rectangle x:Name="rectangle" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="167" Margin="485,24,0,0" Stroke="Black" VerticalAlignment="Top" Width="205" RenderTransformOrigin="0.5,0.5">
			<Rectangle.RenderTransform>
				<CompositeTransform/>
			</Rectangle.RenderTransform>
		</Rectangle>
		<Rectangle Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="167" Margin="22,214,0,0" Stroke="Black" VerticalAlignment="Top" Width="205"/>

	</Grid>
</Page>
